<link href="__WEAPP_TEMPLATE__/skin/css/page.css?v={$weappInfo.version|default='v1.0.0'}" rel="stylesheet" type="text/css">
<style>
    .flexigrid{padding: 20px 0}
    .flexigrid .fbuttonr {
        float: right;
        display: inline;
        padding-right: 8px;
        margin-left: 8px;
        zoom: 1;
    }
    .flexigrid .tDiv2 {
        font-size: 0;
        *word-spacing: -1px;
        padding: 20px 0 6px 6px;
        overflow: hidden;
    }
    .fbuttonr h5{font-size: 14px;}
    .flexigrid .fbuttonr .total {
        line-height: 33px;
        font-size: 14px;
    }
    .search{margin: 0 auto;padding: 70px 0;}
    .search .input{flex-grow: 1;
        flex-shrink: 1;
        height: 60px;
        min-width: 360px;
        max-height: 60px;
        border: 1px solid #ccc;
        padding: 0 10px;
        border-radius: 3px;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
    .search .input:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }
    .search .button{
        width: 170px;
        height: 60px;
        flex-grow: 0;
        flex-shrink: 0;
        background-color: #1283d9;
        margin-left: 20px;
        color: #fff;
        letter-spacing: 2px;
        font-size: 18px;
        border: none;
        border-radius: 30px;
        cursor: pointer;
        outline: none;
    }
    .search {
        height: 80px;
        width: 65%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }
    a.xq{color: #409eff}
    .qp-tit{font-size: 24px;color: #044495;background: #e5f0fa;line-height: 70px;}
    @media (max-width: 1000px) {
        .search {width: 90%;padding:50px 0;}
        .search .input{min-width: 150px;height: 50px;}
        .search .button {
            width: 100px;
            height: 50px;}
        .gridtable{overflow-x: scroll;width: 100%;}
        .m-hide{display: none;}
        .qp-tit{font-size: 16px;line-height: 50px;}
    }
</style>

    <form target="{$is_mobile?'_self':'_blank'}" class="search about-gk" method="post" action="/index.php/plugins/air_bottle">
    <input type="text" class="input" name="code" placeholder="请输入编号" value="">
    <input type="submit" class="button" value="搜索">
    </form>

<div class="qp-tit">
    <div class="about-gk" style="padding: 0;">气瓶公示列表</div>
</div>

<div class="about-gk flexigrid" id="about1">
<table class="gridtable">
    <thead>
    <tr>
        <th>产品标题</th>
        <th>气瓶编号</th>
        <th class="m-hide">制造生产许可证</th>
        <th class="m-hide">填充介质</th>
        <th class="m-hide">生产日期</th>
        <th class="m-hide">公称容积(L)</th>
        <th class="m-hide">公称工作压力</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {empty name="list"}
    <tr>
        <td colspan="9">
            <div style="text-align: center;padding: 50px;">暂无数据</div>
        </td>
    </tr>
    {else/}
    {volist name="list" id="vo"}
    <tr>
        <td>{$vo.title}</td>
        <td>{$vo.code}</td>
        <td class="m-hide">{$vo.licence}</td>
        <td class="m-hide">{$vo.dielectric}</td>
        <td class="m-hide">{$vo.maf_date|MyDate='Y-m',###}</td>
        <td class="m-hide">{$vo.capacity}</td>
        <td class="m-hide">{$vo.pressure}</td>
        <td><a href="/index.php/plugins/air_bottle?id={$vo.id}" class="xq" target="_blank">详情</a></td>
    </tr>
    {/volist}
    {/empty}
    </tbody>

</table>
<div class="tDiv2">
    <div class="fbuttonr">
        <div class="pages">
            {$pageStr}
        </div>
    </div>
    <div class="fbuttonr">
        <div class="total">
            <h5>共有{$pager->totalRows}条
            </h5>
        </div>
    </div>
</div>
</div>